<style scoped>

</style>

<template>
    <div>
        <v-nav-top/>
        <el-tabs v-model="activeName" type="card">
            <el-tab-pane label="All Orders" name="first">
                <v-order-table :status="0"/>
            </el-tab-pane>
            <el-tab-pane label="Non-Payment" name="second">
                <v-order-table :status="1"/>
            </el-tab-pane>
            <el-tab-pane label="Non-Shipped" name="third">
                <v-order-table :status="2"/>
            </el-tab-pane>
            <el-tab-pane label="Non-Accepted" name="fourth">
                <v-order-table :status="3"/>
            </el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
import nav from '@/components/nav.vue'
import table from '@/components/order/orderTable.vue'
export default {
    name: 'orders',
    components :{
        'v-nav-top': nav,
        'v-order-table': table
    },
    data() {
        return{
            activeName: 'first'
        }
    },
    methods:{}
}
</script>